<template>
  <div class="app-container app-dashboard">
    <div class="app-dashboard-item">
      <div class="app-dashboard-title">收益</div>
      <div class="app-dashboard-body">
        <Echartser />
      </div>
    </div>
    <div class="app-dashboard-item">
      <div class="app-dashboard-title">发票信息</div>
      <div class="app-dashboard-body">
        <el-table :data="invoiceHots" border fit stripe highlight-current-row>
          <el-table-column type="selection" width="50"></el-table-column>
          <el-table-column label="序号" align="center" width="100">
            <template slot-scope="scope">
              {{ scope.$index }}
            </template>
          </el-table-column>
          <el-table-column label="公司名称">
            <template slot-scope="scope">
              {{ scope.row.invoiceTitle }}
            </template>
          </el-table-column>
          <!-- <el-table-column label="产品名称">
            <template slot-scope="scope">
              {{ scope.row.commodityName }}
            </template>
          </el-table-column> -->
          <el-table-column label="订单金额">
            <template slot-scope="scope">
              {{ scope.row.invoicePrice }}
            </template>
          </el-table-column>
          <el-table-column label="开票金额">
            <template slot-scope="scope">
              {{ scope.row.invoicePrice }}
            </template>
          </el-table-column>
          <el-table-column label="时间" width="200" align="center">
            <template slot-scope="scope">
              <i class="el-icon-time" />
              <span>{{ scope.row.timeOfApplication }}</span>
            </template>
          </el-table-column>
          <el-table-column label="发票信息" width="110" align="center">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="detailRow(scope.row)">查看详情</el-button>
            </template>
          </el-table-column>
          <el-table-column label="状态" class-name="status-col" width="110" align="center">
            <template slot-scope="scope">
              {{ statusFilter(scope.row.status) }}
              <!-- <el-tag :type="scope.row.status | statusFilter">{{ scope.row.status }}</el-tag> -->
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" src="./index.scss"></style>
<style lang="scss" scoped src="./index.scoped.scss"></style>
